/*
Theme Name: liancheng
Theme URI: http://100vic.com
Description: It's a theme create by 100vic
Version: 1.0
Author: 100vic.com
Author URI: 100vic
Tags: custom header, fixed width, two columns, widgets
*/

/* Global Styles */

.layout{max-width: 1320px; margin: 0 auto;}
img{max-width: 100%;height:auto;}
.clearfix:before,.clearfix:after{content:""; display:table}.clearfix{zoom:1;}
.clearfix:after{content:""; clear: both; height: 0; visibility: hidden; display: block;}
@font-face {
    font-family:'AMGDT';
    src: url('./fonts/BaiduanNumber.eot');
    src: url('./fonts/BaiduanNumber.eot?#iefix') format('embedded-opentype'),
        /*url('./fonts/BaiduanNumber.woff') format('woff'),*/
    url('./fonts/BaiduanNumber.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/*header*/
#wrapper{width: 100%; position: relative; overflow-x: hidden;}
.header{width: 100%; height: 110px; position: fixed; left: 0; top: 0; z-index: 1000;}
.header.fixed{height: 80px; background-color: #fff; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.07);box-shadow: 0 5px 5px rgba(0,0,0,0.07);}
.header.fixed .logo{padding-top: 25px;}
.header.fixed .logo a,.header.hdative .logo a{background-image: url(./images/logo_h.png);}
.header.ative .logo a{background-image: url(./images/logo.png);}
.header.fixed .btn-m-list{margin-top: 16px;}
.logo{padding: 42px 0 0 3%; float: left;}
.logo a{display: block; width: 240px; height: 26px; margin: 0 auto; font-size:0; background-image: url(./images/logo.png); background-position: center; background-size: contain; background-repeat: no-repeat;}
.btn-m-list{width: 50px; height: 50px; border-radius: 50%; background-color: #fff; float: right; margin: 23px 3% 0 0; position: relative; cursor: pointer; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);box-shadow: 0 0 20px rgba(0,0,0,.2);}
.trans, .trans:hover {-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover {-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}
.btn-m-list .burger{width: 20px; height: 2px; background-color: #d2981a; display: block; position: absolute; z-index: 5; top: 17px; right: 50%; margin: 0 -10px 0 0; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.btn-m-list .burger-2{top: 24px; right: 43%;}
.btn-m-list .burger-3{top: 31px;}
.btn-m-list.on .burger-1{top: 25px; width: 20px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg);transform: rotate(225deg);}
.btn-m-list.on .burger-2{top: 25px; width: 20px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;}
.btn-m-list.on .burger-3{top: 25px; width: 20px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);}
.nav-body{width: 100%; height: 100%; background-color: #3f3a39; background-image: url(./images/nav-body.jpg); background-position: right bottom; background-repeat: no-repeat; overflow-y: auto; position: fixed; left: 0; top: 0; z-index: -1; display: none;}
.nav-body .ul{padding-top: 200px;}
.nav-body .ul li{padding: 20px 0; position: relative; z-index: 1;}
.nav-body .ul li:hover{z-index: 10;}
.nav-body .ul li .navItem{max-width: 290px;}
.nav-body .ul li .Btns{display: inline-block; font-size: 24px; color: #fff; position: relative;}
.nav-body .ul li .navItem:hover .Btns,.nav-body .ul .li .navItem.on .Btns{color: #ffc000;}
.nav-body .ul li .Btns:after{content:""; display: block; width: 100%; height: 2px; background-color: #ffc000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.nav-body .ul li .navItem:hover .Btns:after,.nav-body .ul .li .navItem.on .Btns:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.nav-body .ul li .navBox{position: absolute; left: 300px; top: 0; display: none;}
.nav-body .ul li:last-of-type .navBox{top: auto; bottom: 0;}
.nav-body .ul li a{display: block; font-size: 18px; color: #fff; margin-top: 20px;}
.nav-body .ul li a:hover{color: #ffc000;}
.mask{width: 100%; height: 100%; position: fixed; _position: absolute; top: 0; left: 0; z-index: 2000; display: none; background-color: rgba(0,0,0,.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);}

/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}
.slick-list{position:relative;z-index:1;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display: block;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.banner{width:100%; height:100%; position:relative; z-index:1;}
.banner .slideshow{position: relative; z-index: 1; width: 100%; height: 100%;}
.banner .slideshow *{outline:none;}
.banner .slideshow .slider-track{-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
/*.banner .slideshow .item img{width: 100%; display: block; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2);}
.banner .slideshow .item.slick-active img{-webkit-transform: scale(1);transform: scale(1);}*/
.banner .slideshow .slick-slide .pimg{width: 100%; display: block; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.banner .slideshow .slick-active .pimg{visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}
.banner .slideshow .slick-active .binbox{visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}
@-webkit-keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translateX(300px); transform: translateX(300px)}100%{opacity: 1; -webkit-transform: translateX(0);transform: translateX(0)}}
@keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translateX(300px); transform: translateX(300px)}100%{opacity: 1;-webkit-transform: translateX(0); transform: translateX(0)}}
.banner .slideshow .slick-active .bot {-moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
.banner .item{width: 100%; height: 100vh; _height: 920px;}
.banner .pimg{width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat;}
.banner .moimg{width: 100%; display: none;}
.banner .bantit{position: absolute; left: 50%; top: 50%; z-index: 10; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.banner .bantit .h3{text-align: right;}
.banner .bantit .h3 img{display: inline-block;}
.banner .bantit .h2,.banner .bantit .h3{
    opacity: 0;
    transform: translateY(-100%);
    transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;}
.banner .bantit .h3{
    transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
    -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
    -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;}
.banner .slick-active .h2,.banner .slick-active .h3{opacity: 1; transform: translateY(0);}
.banner .bantxt{/*width: 780px;*/ width: 40.7%; padding: 45px 60px 45px 160px; position: absolute; left: 0; bottom: 0; z-index: 10; background-color: rgba(255,255,255,.85); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#85ffffff, endColorstr=#85ffffff); -webkit-box-sizing: border-box;box-sizing: border-box;}
.banner .p1{font-family: 'Arial'; font-size: 24px; color: #ffc000; line-height: 28px; height: 56px; overflow: hidden;}
.banner .p2{font-size: 22px; color: #3f3a39; margin-top: 10px;}
.banner .p1,.banner .p2{
    opacity: 0;
    transform: translateX(-100%);
    transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;}
.banner .p2{
    transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
    -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
    -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;}
.banner .slick-active .p1,.banner .slick-active .p2{opacity: 1; transform: translateX(0);}
/*.banner .slick-active .p1{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInUp 1.2s 1; animation: fadeInUp 1.2s 1;}
.banner .slick-active .p2{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInUp 1.2s 1; animation: fadeInUp 1.2s 1;}*/
.banner .item{_height: 920px; height: 100vh;}
.banner .ban-video{width: 100%; height: 100%; background-color: #000; position: relative;}
.banner .ban-video video{width: 100%; height: 100%; /*object-fit: fill;*/}
.banner .slick-dots{width: 100%; text-align: center; position: absolute; left: 0; bottom: 20px; z-index: 10; visibility: hidden; opacity: 0;}
.banner .slick-dots li{width: 10px; height: 10px; position: relative; font-size: 0; cursor: pointer; background-color: #fff; display: inline-block; _display: inline; zoom: 1; margin: 0 5px; border: none; border-radius: 50%;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li.slick-active{background-color: #ffc000;}
.banner .mouseIco{width: 156px; height: 116px; padding: 50px 10px 10px 10px; background-color: #ffc000; text-align: center; position: absolute; right: 0;  bottom: 0; z-index: 10; cursor: pointer;}
.banner .mouseIco i{display: block; width: 1px; height: 32px; background-color: #3f3a39; margin: 0 auto; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.banner .slick-arrow{width: 46px; height: 46px; border: none; outline: none; font-size: 0; cursor: pointer; position: absolute; top: 50%; margin-top: -23px; z-index: 10; background-position: center; background-repeat: no-repeat; background-color: rgba(0,0,0,.4);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000, endColorstr=#40000000);}
.banner .slick-prev{left: 0; background-image: url(./images/arrowPrev.png);}
.banner .slick-next{right: 0; background-image: url(./images/arrowNext.png);}


/*index*/
.contain{width: 100%; padding-top: 0;}
.dowebok{background-color: #e0e0e0;}
#fp-nav{display: none;}
#fp-nav ul li a span{background-color: #fff;}
#fp-nav ul li a.active + .fp-tooltip{opacity: 1; width: auto;}
#fp-nav ul li:nth-last-child(1){display: none;}
#fp-nav ul li a span{background-color: #b2b2b2;}
#fp-nav ul li a.active + .fp-tooltip{color: #ffc000;}
#fp-nav ul li a.active span{background-color: #ffc000;}
.i-wrap2{width: 100%; background-color: #fff; background-image: url(./images/i-wrap2.jpg); background-position: center bottom; background-repeat: no-repeat;}
.i-wrap2 .layout{padding: 120px 0 270px 0; padding-bottom: 200px;}
.inabTitle{width: 100%; text-align: center; font-size: 36px; color: #ffc000;}
.indexfeatures{width: 100%; margin-top: 60px;}
.indexfeatures ul li{width: 33.333%; float: left;}
.indexfeatures ul li .box{max-width: 300px; margin: 0 auto;}
.indexfeatures ul li .numberIocn{width: 152px; height: 152px; font-weight: bold; text-align: center; background-color: #3f3a39; border-radius: 50%; margin: 0 auto; position: relative;}
.indexfeatures ul li .anum{font-size: 55px; color: #fff; line-height: 1; padding-top: 30px;}
.indexfeatures ul li .tips{font-size: 26px; color: #fff; line-height: 1;}
.indexfeatures ul li .pn{margin-top: 40px; font-size: 15px; color: #3f3a39; text-align: center;}
.btn-white-line2{position: absolute; left: -8px; top: -8px; right: -8px; bottom: -8px; border: 4px solid #ffc000; border-radius: 50%;}
.btn-white-line2 svg{display: none;}
.btn-white-line2 svg circle{cx: 86; cy: 86; r: 86; stroke-width: 4px; stroke: rgba(255,192,0,1); fill: none; stroke-dasharray: 305 195; stroke-dashoffset: 0;
    -webkit-transition:stroke-dashoffset .5s ease-out,stroke-dasharray .5s ease-out;
    -moz-transition:stroke-dashoffset .5s ease-out,stroke-dasharray .5s ease-out;
    -ms-transition:stroke-dashoffset .5s ease-out,stroke-dasharray .5s ease-out;
    -o-transition:stroke-dashoffset .5s ease-out,stroke-dasharray .5s ease-out;
    transition:stroke-dashoffset .5s ease-out,stroke-dasharray .5s ease-out;
}
.indexfeatures ul li:hover .btn-white-line2 svg circle{stroke-dasharray: 70 0; stroke-dashoffset: -4em;}
.i-wrap3{background-color: #2b7bc0; position: relative;}
.inProIDemo{width: 100%; height: 100%; position: relative; z-index: 1;}
.inProIDemo .slick-track{height: 100%;}
.inProIDemo .item{width: 100%; height: 100vh; background-position: center; background-size: cover; background-repeat: no-repeat;}
.inProIDemo .text{padding-top: 255px;}
/*.inProIDemo .text{padding-top: 255px; transform: translateX(88px); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; opacity: 0; visibility: hidden;}
.inProIDemo .slick-active .text{transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0) skew(0); opacity: 1; visibility: visible; transition: 680ms 480ms; -webkit-transition: 680ms 480ms;}*/
.inProIDemo .h2,.inProIDemo .pn,.inProIDemo .getmore{
    opacity: 0;
    transform: translateX(20%);
    transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;}
.inProIDemo .pn{
    transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
    -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .3s;
    -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .3s;}
.inProIDemo .getmore{
    transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.2s;
    -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
    -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;}
.inProIDemo .slick-active .h2,.inProIDemo .slick-active .pn,.inProIDemo .slick-active .getmore{opacity: 1; transform: translateX(0);}
.inProIDemo .line{width: 54px; height: 3px; display: block; background-color: #ffc000;}
.inProIDemo .h2{font-family: 'Arial'; font-size: 36px; color: #fff; margin-top: 10px;}
.inProIDemo .pn{font-size: 24px; color: #fff; margin-top: 10px;}
.inProIDemo .getmore{text-align: left; margin-top: 80px;}
.inProINav{/*width: 784px;*/ width: 40.9%; background-color: #fff; position: absolute; left: 0; bottom: 0; z-index: 10;}
.inProINav .box{width: 100%; padding: 35px 100px; font-size: 20px; color: #333; text-align: left; cursor: pointer; -webkit-box-sizing: border-box;box-sizing: border-box;}
.inProINav .num{display: block; font-family: 'Arial'; font-size: 14px; color: #808080; margin-bottom: 20px;}
.inProINav .h2{font-size: 16px; color: #3f3a39;}
.inProINav .pn{font-size: 14px; color: #999;}
.inProINav .slick-current .num{color: #ffc000;}
.inProINav .slick-arrow{width: 88px; height: 100%; background-color: #ffc000; border: none; outline: none; position: absolute; bottom: 0; z-index: 10; font-size: 0; cursor: pointer;}
.inProINav .slick-arrow:after{content:""; display: block; width: 10px; height: 16px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-repeat: no-repeat;}
.inProINav .slick-prev{right: -88px;}
.inProINav .slick-prev:after{background-image: url(./images/inProINav_btnsl.png);}
.inProINav .slick-next{right: -176px;}
.inProINav .slick-next:after{background-image: url(./images/inProINav_btnsr.png);}
.getmore{width: 100%; text-align: center; margin-top: 50px;}
.getmore a{display: inline-block; min-width: 136px; height: 46px; line-height: 46px; border: 2px solid #dde0e3; text-align: center; padding: 0 10px; font-size: 14px; font-weight: bold; color: #fff; position: relative; z-index: 1;}
.getmore a:hover{border-color: #ffc000;}
.getmore a:after{content:""; display: block; width: 100%; height: 100%; background-color: #ffc000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.getmore a:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.i-wrap4{width: 100%; padding: 100px 0; background-color: #fff; background-image: url(./images/i-wrap4.jpg); background-position: center 0; background-repeat: no-repeat;}
.indexPosition{width: 848px; height: 840px; /*position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;*/ margin: 0 auto; position: relative; background-image: url(./images/index_circular.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.indexPosition .box{width: 590px; height: 590px; text-align: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.indexPosition .h2{font-family: 'Arial'; font-size: 32px; color: #3f3a39; padding-top: 90px;}
.indexPosition .line{width: 54px; height: 3px; display: block; background-color: #ffc000; margin: 30px auto;}
.indexPosition .h3{font-size: 36px; color: #ffc000; line-height: 1.2;}
.indexPosition .pn{font-size: 14px; color: #3f3a39; line-height: 26px; max-width: 87%; margin: 20px auto 0 auto;}
.indexPosition .getmore a{border-color: #ffc000; color: #3f3a39;}
.i-wrap5{background-color: #fff; padding-bottom: 100px; background-image: url(./images/i-wrap5.jpg); background-position: center bottom; background-repeat: no-repeat;}
.bossleft{/*width: 310px;*/ width: 23.5%; float: left; padding-top: 150px; position: relative;}
.bossleft .name{font-size: 36px; font-weight: bold; color: #3f3a39;}
.bossleft .name_en{font-family: 'Arial'; font-size: 24px; color: #ffc000; position: relative;}
.bossleft .name_en:after{content:""; display: block; width: 28px; height: 3px; background-color: #ffc000; position: absolute; left: -35px; top: 50%; margin-top: -1px;}
.bossleft .name_h4{font-size: 24px; color: #3f3a39; margin: 20px 0;}
.bossleft .name_h4 span{color: #ffc000;}
.bossleft .pn{font-size: 15px; color: #3f3a39; margin-top: 5px;}
.bossmiddle{/*width: 516px;*/ width: 39%; float: left; padding-top: 256px;}
.bossmiddle .bossmd_h2{font-size: 22px; color: #666; margin-bottom: 30px;}
.bossmiddle .bossmd_h2 span{color: #ffc000;}
.bossmiddle .pn{font-size: 14px; color: #666; margin-top: 6px;}
.bossright{/*width: 410px;*/ width: 34%; padding-right: 140px; margin-top: 200px; float: right; position: relative; -webkit-box-sizing: border-box;box-sizing: border-box;}
.bossright .title{width: 200px; text-align: right; position: absolute; right: 0; top: 20px; z-index: 5;}
.bossright .line{width: 200px; height: 2px; display: block; background-color: #ffc000;}
.bossright .t1,.bossright .t2{display: block; line-height: 1;}
.bossright .t1{font-size: 24px; color: #3f3a39; margin-top: 10px;}
.bossright .t2{font-family: 'Arial'; font-size: 22px; color: #ffc000;}
.bossright .pic{width: 100%; overflow: hidden; position: relative; z-index: 1;padding-top:40px;}
.bossright .pic  img{width: 100%; display: block; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.bossright .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.boss-box{padding-top:30px;width:62.5%;}
.boss-box .btns{display: inline-block; min-width: 150px; height: 56px; line-height: 56px; margin-top: 30px; background-color: #3f3a39; text-align: center; padding: 0 10px; font-size: 14px; font-weight: bold; color: #fff; position: relative; z-index: 1;}
.boss-box .btns:after{content:""; display: block; width: 100%; height: 100%; background-color: #ffc000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.boss-box .btns:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}

.indexNavBox{width: 100%; position: relative;}
.indexNavBox ul li{width: 25%; float: left; overflow: hidden; position: relative;}
.indexNavBox ul li img{width: 100%; display: block;}
.indexNavBox ul li .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; -webkit-transition: all 0.4s ease;transition: all 0.4s ease; background-color: rgba(0,0,0,.35); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#35000000, endColorstr=#35000000);}
.indexNavBox ul li:hover .bg{background-color: rgba(0,0,0,.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);}
.indexNavBox ul li .text{width: 100%; position: absolute; left: 0; top: 50%; z-index: 10; text-align: center; -webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.indexNavBox ul li span{font-family: 'Arial'; font-size: 16px; color: #fff; display: block;}
.indexNavBox ul li h2{font-size: 24px; color: #fff; margin-top: 5px;}
.indexNavTitle{position: absolute; left: 50%; top: 50%; z-index: 20; font-family: 'Arial'; font-size: 36px; color: #fff; text-align: center; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.i-wrap7{padding: 80px 0 100px 0;}

.teamlist1{width: 100%; margin-top: 10px;}
.teamlist1 ul li{background-color: #fff; margin-top: 20px; min-height: 460px; position: relative;}
.teamlist1 ul li .pic{width: 336px; height: 460px; overflow: hidden; position: absolute; left: 0; top: 0;}
.teamlist1 ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.teamlist1 ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.teamlist1 ul li .tmain{padding: 30px 92px 10px 384px;}
.teamlist1 ul li .h2{font-size: 16px; color: #3f3a39; line-height: 1;}
.teamlist1 ul li .h2 span{font-size: 30px; font-weight: bold; margin-right: 5px;}
.teamlist1 ul li .h3{font-size: 24px; color: #3f3a39; margin-top: 20px;}
.teamlist1 ul li .line{width: 40px; height: 1px; background-color: #ffc000; display: block; margin-top: 20px;}
.teamlist1 ul li .pcont{font-size: 14px; color: #808080; line-height: 22px; margin-top: 20px; height: 154px; overflow: hidden; text-align: justify; text-justify: inter-ideograph;}
.teamlist1 ul li .pcont::-webkit-scrollbar{width: 5px; background-color: #eee;}
.teamlist1 ul li .pcont::-webkit-scrollbar-thumb{background-color: #ffc000;}
.teamlist1 ul li .btns{display: inline-block; min-width: 150px; height: 56px; line-height: 56px; margin-top: 30px; background-color: #3f3a39; text-align: center; padding: 0 10px; font-size: 14px; font-weight: bold; color: #fff; position: relative; z-index: 1;}
.teamlist1 ul li .btns:after{content:""; display: block; width: 100%; height: 100%; background-color: #ffc000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.teamlist1 ul li .btns:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}

/*index animation*/
/*.indexfeatures ul li{transform: translateY(100em); opacity: 0;}
.indexfeatures ul li:nth-child(1),.bossleft{transition: all 0.4s ease;}
.indexfeatures ul li:nth-child(2),.bossmiddle{transition: all 0.6s ease;}
.indexfeatures ul li:nth-child(3),.bossright{transition: all 0.8s ease;}
.active .indexfeatures ul li{transform: translateY(0); opacity: 1;}
.indexPosition{transform: scale(0);-webkit-transform: scale(0); -webkit-ransition: all 0.6s ease;transition: all 0.6s ease; opacity: 0;}
.active .indexPosition{transform: scale(1);-webkit-transform: scale(1); opacity: 1;}
.bossleft,.bossmiddle,.bossright{transform: translateX(10em); opacity: 0;}
.active .bossleft,.active .bossmiddle,.active .bossright{transform: translateX(0); opacity: 1;}*/
/*index animation*/

/*about*/
.nybanner{width: 100%; height: 540px; position: relative; background-color: #ffc000; background-image: url(./images/banner2.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.nybanner .nyTitle{width: 100%; position: absolute; left: 0; top: 41%; text-align: center; text-shadow: black 0.1em 0.1em 0.2em;}
.nybanner .h2{font-size: 46px; font-weight: bold; color: #fff;}
.nybanner .pn{font-family: 'Arial'; font-size: 16px; color: #fff; margin-top: 5px;}
.navigation{width: 100%; height: 80px;}
.navigation ul li{display: inline-block;_display: inline;zoom: 1; margin-right: 35px;}
.navigation ul li a{display: block; line-height: 80px; font-size: 14px; color: #666; position: relative;}
.navigation ul li:hover a,.navigation ul li.on a{color: #ffc000;}
.navigation ul li a:after{content:""; display: block; width: 100%; height: 2px; background-color: #ffc000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.navigation ul li:hover a:after,.navigation ul li.on a:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.aboutBox{width: 100%; padding: 80px 0; background-color: #fff;}
.aboutBox01{background-color: #f5f5f5;}
.about-us-box .tmain{/*width: 640px;*/ width: 48.5%; float: left;}
.about-us-box .pcont{height: 265px; margin-top: 30px; overflow: hidden; text-align: justify; text-justify: inter-ideograph;}
.about-us-box .pic{/*width: 620px;*/ width: 47%; padding-top: 41%; float: right; overflow: hidden; position: relative;}
.about-us-box .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.about-us-box .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.aboutTitle .h2{font-size: 36px; font-weight: bold; color: #3f3a39; line-height: 1;}
.aboutTitle .pn{font-family: 'Arial'; font-size: 14px; color: #808080; margin-top: 10px;}
.aboutTitle .line{width: 44px; height: 3px; background-color: #ffc000; display: block; margin-top: 30px;}
.aboutMore{margin-top: 70px;}
.aboutMore a{display: inline-block; min-width: 150px; height: 56px; line-height: 56px; background-color: #3f3a39; text-align: center; padding: 0 10px; font-size: 14px; font-weight: bold; color: #fff; position: relative; z-index: 1;}
.aboutMore a:after{content:""; display: block; width: 100%; height: 100%; background-color: #ffc000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.aboutMore a:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.about-text-pop{width: 83%; background-color: #fff; position: fixed; _position: absolute; left: 8.5%; right: 8.5%; top: 50%; top: 20%\9; z-index: 3000; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: none;}
.about-text-pop .text{font-size: 14px; color: #666; line-height: 30px; max-height: 360px; overflow: auto; margin: 50px; padding-right: 5px;}
.about-text-pop .text::-webkit-scrollbar{width: 5px; background-color: #eee;}
.about-text-pop .text::-webkit-scrollbar-thumb{background-color: #ffc000;}
.aboutTitle h2{font-size: 40px; color: #181818;}
.aboutBox02{background-color: #fff;}
.aboutBox02 .about-us-box .tmain{float: right;}
.aboutBox02 .about-us-box .pic{float: left;}
.aboutBox03{background-color: #332f2e;}
.aboutNum{width: 100%;}
.aboutNum ul{margin-left: -10px; margin-right: -10px;}
.aboutNum ul li{width: 33.333%; float: left;}
.aboutNum ul li .box{margin: 0 10px; padding: 60px 20px 20px 20px; min-height: 220px; text-align: center; background-color: #3f3a39; position: relative; z-index: 1;}
.aboutNum ul li .box:after{content:""; display: block; width: 100%; height: 100%; background-color: #ffc000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.aboutNum ul li .box:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.aboutNum ul li .num{width: 120px; padding: 15px 0; color: #fff; margin: 0 auto; position: relative; z-index: 1;}
.aboutNum ul li .lnt,.aboutNum ul li .lnm{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.aboutNum ul li .lnt:before{content:""; width: 8px; height: 10px; position: absolute; left: 0; top: 0; border-top: 2px solid #ffc000; border-left: 2px solid #ffc000;}
.aboutNum ul li .lnt:after{content:""; width: 8px; height: 10px; position: absolute; right: 0; top: 0; border-top: 2px solid #ffc000; border-right: 2px solid #ffc000;}
.aboutNum ul li .lnm:before{content:""; width: 8px; height: 10px; position: absolute; left: 0; bottom: 0; border-bottom: 2px solid #ffc000; border-left: 2px solid #ffc000;}
.aboutNum ul li .lnm:after{content:""; width: 8px; height: 10px; position: absolute; right: 0; bottom: 0; border-bottom: 2px solid #ffc000; border-right: 2px solid #ffc000;}
.aboutNum ul li .box:hover .lnt:before,.aboutNum ul li .box:hover .lnt:after,.aboutNum ul li .box:hover .lnm:before,.aboutNum ul li .box:hover .lnm:after{border-color: #3f3a39;}
.aboutNum ul li .n{font-family: 'Arial'; font-size: 38px; line-height: 1;}
.aboutNum ul li .t{font-size: 18px;}
.aboutNum ul li .pcont{font-size: 14px; color: #fff; opacity: .5; max-width: 306px; margin: 30px auto 0 auto;}
.aboutNum ul li .box:hover .pcont{opacity: 1;}
.aboutBox04{background-color: #f5f5f5;}
.abCulture ul li{background-color: #fff; padding: 30px; min-height: 220px; margin-bottom: 30px; position: relative; transition: all 0.4s ease;}
.abCulture ul li:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.abCulture ul li .pic{width: 320px; height: 220px; overflow: hidden; position: absolute; left: 30px; top: 30px;}
.abCulture ul li:nth-child(even) .pic,.abCulture ul li.on .pic{left: auto; right: 30px;}
.abCulture ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
/*.abCulture ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}*/
.abCulture ul li .tmain{padding: 0 30px 0 350px;}
.abCulture ul li:nth-child(even) .tmain,.abCulture ul li.on .tmain{padding: 0 350px 0 30px;}
.abCulture ul li .aboutTitle .h2{font-size: 24px;}
.abCulture ul li:hover .aboutTitle .h2{color: #ffc000;}
.abCulture ul li .aboutTitle .line{margin-top: 20px;}
.abCulture ul li .pcont{font-size: 14px; color: #808080; line-height: 22px; margin-top: 20px; text-align: justify; text-justify: inter-ideograph;}

/*dbsi*/
.absiTitle{width: 100%; text-align: center;}
.absiTitle .h2{font-size: 36px; font-weight: bold; color: #3f3a39; line-height: 1;}
.absiTitle .pn{font-family: 'Arial'; font-size: 14px; color: #808080; margin-top: 10px;}
.dbsiText{width: 100%; margin-top: 30px;}
.absiBox01,.absiBox03,.commonBox{background-color: #f5f5f5;}
.absiBox02{background-color: #fff;}
.absiBox04{min-height: 625px; background-image: url(./images/absiBox04.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}

/*history*/
.historyBox{margin-top: 40px; position: relative; z-index: 1;}
.historyBox .line{width: 1px; height: 100%; border-left: 1px dashed #d4d4d4; position: absolute; left: 8px; top: 0; z-index: 1;}
.historyBox ul li{padding-left: 100px; position: relative; z-index: 5; margin-top: 30px;}
.historyBox ul li:before{content:""; width: 18px; height: 18px; position: absolute; left: 0; top: 50%; margin-top: -9px; background: url(./images/history_before.png) no-repeat;}
.historyBox ul li:hover:before{background: url(./images/history_before_h.png) no-repeat;}
.historyBox ul li .box{background-color: #fff; padding: 40px 100px; min-height: 120px; font-size: 14px; color: #808080; transition: all 0.4s ease;}
.historyBox ul li:hover .box{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.historyBox ul li .h2{font-size: 15px; color: #3f3a39;}
.historyBox ul li .h2 span{font-size: 32px; font-weight: bold; margin-right: 3px;}
.historyBox ul li:hover .h2{color: #ffc000;}
.historyBox ul li table{width: 100%;}
.historyBox ul li table tr td{width: 50%;}

/*team*/
.teamlist{width: 100%; margin-top: 10px;}
.teamlist ul li{background-color: #fff; margin-top: 20px; min-height: 460px; position: relative;}
.teamlist ul li .pic{width: 336px; height: 460px; overflow: hidden; position: absolute; left: 0; top: 0;}
.teamlist ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.teamlist ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.teamlist ul li .tmain{padding: 30px 92px 10px 384px;}
.teamlist ul li .h2{font-size: 16px; color: #3f3a39; line-height: 1;}
.teamlist ul li .h2 span{font-size: 30px; font-weight: bold; margin-right: 5px;}
.teamlist ul li .h3{font-size: 24px; color: #3f3a39; margin-top: 20px;}
.teamlist ul li .line{width: 40px; height: 1px; background-color: #ffc000; display: block; margin-top: 20px;}
.teamlist ul li .pcont{font-size: 14px; color: #808080; line-height: 22px; margin-top: 20px; height: 154px; overflow: hidden; text-align: justify; text-justify: inter-ideograph;}
.teamlist ul li .pcont::-webkit-scrollbar{width: 5px; background-color: #eee;}
.teamlist ul li .pcont::-webkit-scrollbar-thumb{background-color: #ffc000;}
.teamlist ul li .btns{display: inline-block; min-width: 150px; height: 56px; line-height: 56px; margin-top: 30px; background-color: #3f3a39; text-align: center; padding: 0 10px; font-size: 14px; font-weight: bold; color: #fff; position: relative; z-index: 1;}
.teamlist ul li .btns:after{content:""; display: block; width: 100%; height: 100%; background-color: #ffc000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.teamlist ul li .btns:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.teamDetatou{padding: 76px 0 80px 0;}
.teamDetatou .box{background-color: #fff; min-height: 460px; position: relative;}
.teamDetatou .box .pic{width: 336px; height: 460px; overflow: hidden; position: absolute; left: 0; top: 0;}
.teamDetatou .box .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.teamDetatou .box .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.teamDetatou .box .tmain{padding: 30px 92px 10px 384px;}
.teamDetatou .box .h2{font-size: 16px; color: #3f3a39; line-height: 1;}
.teamDetatou .box .h2 span{font-size: 30px; font-weight: bold; margin-right: 5px;}
.teamDetatou .box .h3{font-size: 24px; color: #3f3a39; margin-top: 20px;}
.teamDetatou .box .line{width: 40px; height: 1px; background-color: #ffc000; display: block; margin-top: 20px;}
.teamDetatou .box .pcont{font-size: 14px; color: #808080; line-height: 22px; margin-top: 20px; height: 240px; overflow: auto; padding-right: 5px; text-align: justify;text-justify: inter-ideograph;}
.teamDetatou .box .pcont::-webkit-scrollbar{width: 5px; background-color: #eee;}
.teamDetatou .box .pcont::-webkit-scrollbar-thumb{background-color: #ffc000;}
.teamCase{width: 100%;}
.teamCase ul{margin-left: -20px; margin-right: -20px;}
.teamCase ul li{width: 50%; float: left; margin-top: 40px;}
.teamCase ul li .box{display: block; margin: 0 20px; background-color: #fff; cursor: default;}
.teamCase ul li .pic{width: 100%; /*height: 320px;*/ padding-top: 50%; overflow: hidden; position: relative;}
.teamCase ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.teamCase ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.teamCase ul li .tit{height: 60px; line-height: 60px; padding: 0 20px; background-color: #3f3a39; font-size: 24px; color: #fff; text-align: center; position: relative; z-index: 1;}
.teamCase ul li .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #ffc000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.teamCase ul li:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.teamCase ul li .pcont{padding: 40px 45px; font-size: 14px; color: #666; min-height: 66px;}

/*service*/
.serbanner{width: 100%; min-height: 100vh; background-color: #ffc000; background-image: url(./images/banner3.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.serbanner .layout{padding: 240px 0 100px 0; max-width: 1060px;}
.serbanner .absiTitle .h2,.serbanner .absiTitle .pn{color: #fff;}
.serNav ul{margin-left: -40px; margin-right: -40px;}
.serNav ul li{width: 50%; float: left; margin-top: 80px;}
.serNav ul li .box{display: block; margin: 0 40px; padding: 60px 20px 20px 20px; min-height: 220px; text-align: center; background-color: rgba(0,0,0,.64); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#64000000, endColorstr=#64000000);}
.serNav ul li .box:hover{background-color: rgba(0,0,0,.8);}
.serNav ul li .icon{max-width: 80px; display: block; margin: 0 auto;}
.serNav ul li .h2{font-size: 36px; font-weight: bold; color: #fff; line-height: 1; margin-top: 30px;}
.serNav ul li .pn{font-family: 'Arial'; font-size: 14px; color: #808080; margin-top: 10px;}
.serviceBox01,.serviceBox03{background-color: #f5f5f5;}
.ser-text-box{width: 100%; margin-top: 40px; text-align: justify;text-justify: inter-ideograph;}
.serNum{width: 100%; margin-top: 20px;}
.serNum ul{margin-left: -10px; margin-right: -10px;}
.serNum ul li{width: 50%; float: left; margin-top: 20px;}
.serNum ul li .box{margin: 0 10px; padding: 25px 20px 10px 105px; background-color: #3f3a39; overflow: hidden; position: relative; z-index: 1;}
.serNum ul li .box:after{content:""; display: block; width: 100%; height: 100%; background-color: #ffc000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.serNum ul li .box:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.serNum ul li .num{position: absolute; left: 40px; top: 25px; font-family: 'Arial'; font-size: 36px; font-weight: bold; color: #fff; line-height: 1;}
.serNum ul li .h2{font-size: 22px; font-weight: bold; color: #fff;}
.serNum ul li .pcont{font-size: 16px; color: #fff; opacity: .7; height: 48px; overflow: hidden;}
.seroperation{width: 100%; margin-top: 40px;}
.seroperation ul li{float: left;}
.seroperation ul li.item1{/*width: 280px;*/ width: 21.5%;}
.seroperation ul li .h2{font-size: 22px; font-weight: bold; color: #3f3a39; position: relative;}
.seroperation ul li .h2:after{content:""; width: 20px; height: 3px; position: absolute; left: -25px; top: 50%; margin-top: -1px; background-color: #ffc000;}
.seroperation ul li .h4{font-size: 20px; color: #ffc000; margin-top: 15px;}
.seroperation ul li .pn{font-size: 14px; color: #b2b2b2;}
.seroperation ul li .h3{font-size: 18px; color: #333; position: relative; margin-top: 15px; padding-left: 10px;}
.seroperation ul li .h3:after{content:""; width: 6px; height: 6px; border-radius: 100%; position: absolute; left: 0; top: 50%; margin-top: -3px; background-color: #808080;}
.seroperation ul li .pt{font-size: 14px; color: #8c8c8c; margin-left: 10px;}
.seroperation ul li.item2{/*width: 448px;*/ width: 34%; margin: 0 7%;}
.seroperation ul li.item3{/*width: 280px;*/ width: 21.5%; float: right;}
.serAgent{width: 100%; margin-top: 20px;}
.serAgent ul{margin-left: -10px; margin-right: -10px;}
.serAgent ul li{width: 33.333%; float: left; margin-top: 20px;}
.serAgent ul li .box{margin: 0 10px; padding: 25px 20px 10px 105px; background-color: #fff; overflow: hidden; position: relative; z-index: 1;}
.serAgent ul li .box:after{content:""; display: block; width: 100%; height: 100%; background-color: #ffc000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.serAgent ul li .box:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.serAgent ul li .num{position: absolute; left: 40px; top: 25px; font-family: 'Arial'; font-size: 36px; font-weight: bold; color: #3f3a39; line-height: 1;}
.serAgent ul li .h2{font-size: 22px; font-weight: bold; color: #3f3a39;}
.serAgent ul li .pcont{font-size: 14px; color: #666; opacity: .7; height: 48px; overflow: hidden;}
.serviceBox04{width: 100%; min-height: 710px; background-image: url(./images/serviceBox04.jpg); background-position: center bottom; background-repeat: no-repeat;}
.serRental{margin-top: 95px;}
.serviceBox05{width: 100%; min-height: 710px; background-image: url(./images/serviceBox05.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.serviceBox05 .absiTitle .h2{color: #fff;}

/*case*/
.caselist{width: 100%;}
.caselist ul{margin-left: -30px; margin-right: -30px;}
.caselist ul li{width: 50%; float: left; margin-top: 20px;}
.caselist ul li .box{display: block; margin: 0 30px;}
.caselist ul li .pic{width: 100%; /*height: 396px;*/ padding-top: 63%; overflow: hidden; position: relative;}
.caselist ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.caselist ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.caselist ul li .tmain{width: 100%; margin-top: 30px; height: 73px;}
.caselist ul li .h2{font-size: 20px; font-weight: bold; color: #333;}
.caselist ul li .pn:after{content:""; display: block; width: 100%; height: 2px; background-color: #ffc000; position: absolute; left: 0; top: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.caselist ul li .box:hover .pn:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.caselist ul li .box:hover .pn{padding-top: 10px;}
.caselist ul li .pn{font-family: 'Arial'; font-size: 14px; color: #999; margin-top: 10px; position: relative; z-index: 1; transition: all 0.4s ease;}
.page{width: 100%; margin-top: 40px; text-align: center;}
.page a{font-size: 14px; color: #666; padding: 6px 13px; margin: 0 5px; display: inline-block;_display: inline;zoom: 1;}
.page a:hover,.page a.on{color: #fff; background-color: #3f3a39;}
.page a.prev,.page a.next{font-family: '\5B8B\4F53'; font-weight: bold;}
.case-info-box{width: 100%; position: relative;}
.case-img-box img{width: 100%; height: auto; display: block;}
.case-img-box .slick-active img{visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.case-img-box .slick-arrow{width: 46px; height: 46px; border: none; outline: none; font-size: 0; cursor: pointer; position: absolute; top: 50%; margin-top: -23px; z-index: 10; background-position: center; background-repeat: no-repeat; background-color: rgba(0,0,0,.4);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000, endColorstr=#40000000);}
.case-img-box .slick-prev{left: 0; background-image: url(./images/arrowPrev.png);}
.case-img-box .slick-next{right: 0; background-image: url(./images/arrowNext.png);}
.case-img-text{/*width: 1140px;*/ width: 60%; padding: 60px 80px; color: #fff; position: absolute; right: 0; bottom: 0; z-index: 10; background-color: rgba(63,58,57,.75);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#753f3a39, endColorstr=#753f3a39); -webkit-box-sizing: border-box;box-sizing: border-box;}
.case-img-text .catitle{/*width: 400px;*/ width: 40%;}
.case-img-text .h2{font-size: 28px; font-weight: bold;}
.case-img-text .pt{font-size: 16px; margin-top: 5px;}
.case-img-text .catext{width: 60%; font-size: 18px; color: #fff;}
.case-img-text .catext p{margin-bottom: 5px;}
.case-img-text .catext span{color: #ffc000;}
.caseTit{font-size: 20px; font-weight: bold; color: #1a1a1a;}
.casetextBox{width: 100%; padding-bottom: 40px; margin: 20px 0 40px 0; border-bottom: 1px solid #e6e6e6;font-size:16px;}
.casetextBox h1{display: block;font-size: 2em;-webkit-margin-before: 0.67em;-webkit-margin-after: 0.67em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;font-weight: bold;}
.casetextBox h2{display: block;font-size: 1.5em;-webkit-margin-before: 0.83em;-webkit-margin-after: 0.83em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;font-weight: bold;}
.casetextBox h3{display: block;font-size: 1.17em;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;font-weight: bold;}
.casetextBox h4{display: block;font-size: 1em;-webkit-margin-before: 1.33em;-webkit-margin-after: 1.33em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;font-weight: bold;}
.casetextBox h5{display: block;font-size: 0.83em;-webkit-margin-before: 1.67em;-webkit-margin-after: 1.67em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;font-weight: bold;}
.casetextBox h6{display: block;font-size: 0.67em;-webkit-margin-before: 2.33em;-webkit-margin-after: 2.33em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;font-weight: bold;}
.case-other-box{width: 100%; margin-top: 30px; position: relative;}
.case-other-box .slick-list{margin-left: -30px; margin-right: -30px;}
.case-other-box .box{display: block; margin: 0 30px;}
.case-other-box .pic{width: 100%; /*height: 396px;*/ padding-top: 63%; overflow: hidden; position: relative;}
.case-other-box .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.case-other-box .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.case-other-box .tmain{width: 100%; margin-top: 30px; height: 73px;}
.case-other-box .h2{font-size: 20px; font-weight: bold; color: #333;}
.case-other-box .pn:after{content:""; display: block; width: 100%; height: 2px; background-color: #ffc000; position: absolute; left: 0; top: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.case-other-box .box:hover .pn:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.case-other-box .box:hover .pn{padding-top: 10px;}
.case-other-box .pn{font-family: 'Arial'; font-size: 14px; color: #999; margin-top: 10px; position: relative; z-index: 1; transition: all 0.4s ease;}
.case-other-box .slick-arrow{width: 46px; height: 46px; border: none; outline: none; font-size: 0; cursor: pointer; position: absolute; top: 50%; margin-top: -23px; z-index: 10; background-position: center; background-repeat: no-repeat; background-color: rgba(0,0,0,.4);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000, endColorstr=#40000000);}
.case-other-box .slick-prev{left: 0; background-image: url(./images/arrowPrev.png);}
.case-other-box .slick-next{right: 0; background-image: url(./images/arrowNext.png);}
.messBox{width: 100%; background-color: #403a39; padding: 60px 0;}
.messBox .h2{font-size: 30px; font-weight: bold; color: #fff; text-align: center; line-height: 1;}
.messBox .h2 .s{font-size: 15px; color: #808080; display: block;}
.messlist{max-width: 1170px; margin: 0 auto; padding-top: 20px;}
.messlist ul li{float: left; width: 27.5%; margin: 10px 1.5% 0 0;}
.messlist ul li.item4{width: 13%; margin-right: 0;}
.messlist ul li .text{border: 2px solid #c6c4c4; background: none; width: 100%; height: 54px; line-height: 54px; padding: 0 15px; font-size: 16px; color: #fff; -webkit-box-sizing: border-box;box-sizing: border-box;}
.messlist ul li .text:focus{border-color: #ffc000;}
.messlist ul li .submit{width: 100%; height: 54px; border: none; background-color: #fff; font-size: 20px; color: #ffc000; cursor: pointer;}
.messlist ul li .submit:hover{background-color: #ffc000; color: #fff;}

/*business*/
.businessBox01,.businessBox04,.businessBox06{background-color: #f5f5f5;}
.busin-title{width: 100%; margin-top: 20px; text-align: center;}
.busin-title h2{font-size: 24px; color: #ffc000;}
.class-title h2{font-size: 30px; font-weight: bold; color: #3f3a39;}
.busin-title h2 .s{font-family: 'Arial'; font-size: 14px; font-weight: 100; color: #b2b2b2; display: block;}
.busin-object{width: 100%; background-color: #fff; margin-top: 30px;}
.bu-object-box{/*width: 440px;*/ width: 33.333%; float: right;}
.bu-object-box .pic{width: 100%; height: 350px; overflow: hidden; position: relative;}
.bu-object-box .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.bu-object-box .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.bu-object-box .tmain{background-color: #3f3a39; padding: 20px 40px; min-height: 171px;}
.bu-object-box .tmain ul li{border-bottom: 1px solid #4d4645; padding: 20px 0;}
.bu-object-box .tmain ul li:last-of-type{border-bottom: none;}
.bu-object-box .tmain ul li h2{font-size: 16px; color: #fff;}
.bu-object-box .tmain ul li p{font-size: 14px; color: #fff; opacity: .5;}
.bu-object-text{width: 66.666%; float: left; padding: 20px 50px 20px 50px; -webkit-box-sizing: border-box;box-sizing: border-box;}
.bu-object-text .ch-ul{width: 40%; float: left; font-size: 15px;}
.bu-object-text .en-ul{width: 58%; float: right; font-size: 14px;}
.bu-object-text ul li{margin-top: 10px; color: #666;}
.busin-teacher-box{width: 100%; margin-top: 30px;}
.bu-teacher-img ul li{width: 50%; padding-top: 33.4%; overflow: hidden; float: left; position: relative;}
.bu-teacher-img ul li img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.bu-teacher-img ul li:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.bu-teacher-img ul li .tit{position: absolute; left: 0; bottom: 0; right: 0; z-index: 10; padding: 26px 15px; text-align: center; font-size: 22px; color: #fff; background-color: rgba(0,0,0,.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);}
.bu-teacher-img ul li .tit span{font-size: 32px; font-weight: bold; margin-right: 3px;}
.bu-teacher-text{padding: 60px 40px 0 40px; color: #3f3a39;}
.bu-teacher-text .bu-tea-left{/*width: 420px;*/ width: 35%; float: left; font-size: 15px;}
.bu-teacher-text .bu-tea-right{/*width: 732px;*/ width: 61%; float: right; font-size: 14px;}
.bu-teacher-text .bu-tea-right h2{font-size: 22px; margin-bottom: 75px;}
.bu-teacher-text h2{font-size: 24px; margin-bottom: 70px;}
.bu-teacher-text h2 span{color: #ffc000;}
.bu-teacher-text p{margin-top: 5px;}
.businessBox03{width: 100%; min-height: 560px; background-color: #333; background-image: url(./images/businessBox03.jpg); background-position: center 0; background-size: cover; background-repeat: no-repeat; }
.busin-class-box{width: 100%; margin-top: 10px;}
.busin-class-box ul{margin-left: -20px; margin-right: -20px;}
.busin-class-box ul li{width: 50%; float: left; margin-top: 20px;}
.busin-class-box ul li .box{margin: 0 20px;}
.busin-class-box ul li .tag{position: absolute; left: 0; top: 0; z-index: 5; line-height: 1.2; text-align: center; font-size: 16px; color: #fff; padding: 15px; background-color: rgba(255,192,0,.8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffc000, endColorstr=#80ffc000);}
.busin-class-box ul li .pic{width: 100%; /*height: 340px;*/ padding-top: 53.2%; overflow: hidden; position: relative;}
.busin-class-box ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.busin-class-box ul li .box:hover .pic img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.busin-class-box ul li .tit{text-align: center; padding: 30px 15px 15px 15px; background-color: #fff; position: relative; z-index: 1;}
.busin-class-box ul li .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #ffc000; position: absolute; left: 0; top: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.busin-class-box ul li .box:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.busin-class-box ul li h2{font-size: 24px; color: #3f3a39;}
.busin-class-box ul li .pcont{font-size: 14px; color: #999; margin-top: 2px; height: 42px; overflow: hidden;}
.busin-class-box ul li .box:hover h2,.busin-class-box ul li .box:hover .pcont{color: #fff;}
.busin-period-box{width: 100%; margin-top: 30px; position: relative;}
.busin-period-box .slick-list{margin-left: -15px; margin-right: -15px;}
.busin-period-box .box{display: block; margin: 0 15px; background-color: #fff;}
.busin-period-box .pic{width: 100%; /*height: 256px;*/ padding-top: 61.2%; overflow: hidden; position: relative;}
.busin-period-box .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.busin-period-box .box:hover .pic img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.busin-period-box .tit{text-align: center; padding: 30px 20px 15px 20px; background-color: #fff; position: relative; z-index: 1;}
.busin-period-box h2{font-size: 16px; color: #3f3a39;}
.busin-period-box .pcont{font-size: 14px; color: #999; margin-top: 2px; height: 42px; overflow: hidden;}
.busin-period-box .slick-arrow{width: 44px; height: 44px; border: 1px solid #cbcbcb; border-radius: 100%; font-size: 0; outline: none; cursor: pointer; position: absolute; top: 50%; margin-top: -22px; z-index: 10; background-color: transparent; background-position: center; background-repeat: no-repeat;}
.busin-period-box .slick-prev{left: -75px; background-image: url(./images/slick-prev.png);}
.busin-period-box .slick-prev:hover{background-image:url(./images/slick-prev-h.png); background-color: #ffc000; border-color: #ffc000;}
.busin-period-box .slick-next{right: -75px; background-image: url(./images/slick-next.png);}
.busin-period-box .slick-next:hover{background-image:url(./images/slick-next-h.png); background-color: #ffc000; border-color: #ffc000;}
.businessBox05{width: 100%; min-height: 400px; background-color: #333; background-image: url(./images/businessBox05.jpg); background-position: center 0; background-size: cover; background-repeat: no-repeat; }
.busin-student-box{width: 100%; margin-top: 30px; position: relative;}
.busin-student-box .slick-list{margin-left: -15px; margin-right: -15px;}
.busin-student-box .box{display: block; margin: 0 15px; padding: 30px; background-color: #fff; color: #3f3a39; position: relative; z-index: 1;}
.busin-student-box .box:after{content:""; display: block; width: 100%; height: 100%; background-color: #ffc000; position: absolute; left: 0; top: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.busin-student-box .box:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.busin-student-box .h2{font-size: 18px;}
.busin-student-box .p1{font-size: 14px; color: #999; height: 42px; overflow: hidden; margin-top: 5px;}
.busin-student-box .line{width: 100%; height: 1px; display: block; background-color: #eee; margin: 20px 0;}
.busin-student-box .h3{font-size: 16px;}
.busin-student-box .p2{font-size: 14px; color: #999; height: 63px; overflow: hidden; margin-top: 5px;}
.busin-student-box .slick-arrow{width: 44px; height: 44px; border: 1px solid #cbcbcb; border-radius: 100%; font-size: 0; outline: none; cursor: pointer; position: absolute; top: 50%; margin-top: -22px; z-index: 10; background-color: transparent; background-position: center; background-repeat: no-repeat;}
.busin-student-box .slick-prev{left: -75px; background-image: url(./images/slick-prev.png);}
.busin-student-box .slick-prev:hover{background-image:url(./images/slick-prev-h.png); background-color: #ffc000; border-color: #ffc000;}
.busin-student-box .slick-next{right: -75px; background-image: url(./images/slick-next.png);}
.busin-student-box .slick-next:hover{background-image:url(./images/slick-next-h.png); background-color: #ffc000; border-color: #ffc000;}
.busin-partners-box{width: 100%; margin-top: 4px;}
.busin-partners-box ul{margin-left: -18px; margin-right: -18px;}
.busin-partners-box ul li{width: 20%; float: left; margin-top: 26px;}
.busin-partners-box ul li .box{display: block; margin: 0 18px; padding-top: 55.2%; background-color: #fff; position: relative;}
.busin-partners-box ul li .box:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.busin-partners-box ul li img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
/*.busin-partners-box ul li .box:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}*/
.businessBox07{background-color: #3f3a39; padding: 60px 0;}
.businessBox07 .layout{position: relative;}
.businessBox07 .absiTitle .h2,.businessBox03 .absiTitle .h2,.businessBox05 .absiTitle .h2,.businessBox08 .absiTitle .h2{color: #fff;}
.businessBox07 .absiTitle .pn,.businessBox03 .absiTitle .pn,.businessBox05 .absiTitle .pn,.businessBox08 .absiTitle .pn{color: #fff; opacity: .6;}
.busin-cont{width: 100%; text-align: center; font-size: 20px; color: #fff; margin-top: 20px; position: relative;}
.busin-cont .ewm{width: 110px; position: absolute; right: 0; bottom: 0;}
.businessBox01 .about-us-box{margin-top: 30px;}
.businessBox01 .about-us-box .pic{padding-top: 38.5%;}
.businessBox01 .about-us-box .pcont{height: 392px; margin-top: 0;}
.businessBox08{width: 100%; min-height: 680px; background-color: #333; background-image: url(./images/businessBox08.jpg); background-position: center 0; background-size: cover; background-repeat: no-repeat; }
.busin-outline-box .bu-item{background-color: #fff; margin-top: 20px;}
.busin-outline-box .title h2{padding: 17px 35px; min-width: 300px; background-color: #3f3a39; font-size: 20px; color: #fff; position: relative; z-index: 1; display: inline-block;}
.busin-outline-box .title h2:after{content:""; display: block; width: 100%; height: 100%; background-color: #ffc000; position: absolute; left: 0; top: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.busin-outline-box .bu-item:hover .title h2:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.busin-outline-box .block{padding: 40px 60px;}
.busin-outline-box table{width: 100%;}
.busin-outline-box table td{font-size: 14px; color: #858585; padding: 5px 10px; width: 50%;}
.busin-outline-box table td.td{font-size: 15px; color: #666;}

/*news*/
.newsTouHot{width: 100%; background-color: #fff; position: relative; z-index: 1;}
.newsTouHot .item a{display: block; margin: 25px; overflow: hidden; position: relative;}
.newsTouHot .tag{position: absolute; left: 0; top: 0; z-index: 5; line-height: 1.1; font-size: 16px; color: #fff; padding: 15px; background-color: rgba(0,0,0,.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000);}
.newsTouHot .pic{width: 45.8%; height: 431px; float: left; overflow: hidden; position: relative;}
.newsTouHot .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.newsTouHot .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.newsTouHot .tmain{width: 54.2%; padding: 60px 50px 20px 50px; float: right; -webkit-box-sizing: border-box;box-sizing: border-box;}
.newsTouHot .time{display: block; font-family: 'Arial'; font-size: 14px; color: #999;}
.newsTouHot .h2{font-size: 24px; color: #1a1717; margin-top: 15px;}
.newsTouHot .item:hover .h2{color: #ffc000;}
.newsTouHot .pcont{font-size: 14px; color: #999; line-height: 24px; height: 96px; margin-top: 15px; overflow: hidden; text-align: justify; text-justify: inter-ideograph;}
.newsTouHot .more{width: 25px; height: 12px; display: block; margin-top: 70px; font-size: 0; background: url(./images/newsBtns.png) no-repeat;}
.newsTouHot .item:hover .more{background: url(./images/newsBtns_h.png) no-repeat;}
.newsTouHot .slick-arrow{width: 20px; height: 21px; bottom: 60px; border: none; outline: none; font-size: 0; cursor: pointer; position: absolute; z-index: 200;}
.newsTouHot .slick-prev{right: 80px; background:url(./images/newsBtns_l.png) no-repeat;}
.newsTouHot .slick-next{right: 60px; background:url(./images/newsBtns_r.png) right center no-repeat; border-left:1px solid #dedede;}
.newslist ul li{background-color: #fff; padding: 25px; margin-top: 30px; position: relative; z-index: 1;}
.newslist ul li:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.newslist ul li .box{padding-left: 350px; padding-right: 239px; height: 210px; position: relative; z-index: 5;}
.newslist ul li .pic{width: 310px; height: 210px; position: absolute; left: 0; top: 0; overflow: hidden; zoom: 1;}
.newslist ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
/*.newslist ul li .pic:hover img{transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);}*/
.newslist ul li .tmain{padding-top: 16px;}
.newslist ul li h2{font-size: 18px; color: #333;}
.newslist ul li:hover h2{color: #ffc000;}
.newslist ul li .pcont{font-size: 14px; color: #999; line-height: 24px; height: 76px; overflow: hidden; margin-top: 10px; word-wrap: break-word; text-align: justify;text-justify: inter-ideograph;}
.newslist ul li .more{display: block; width: 25px; height: 12px; font-size: 0; margin-top: 30px; background: url(./images/newsBtns.png) no-repeat;}
.newslist ul li:hover .more{background: url(./images/newsBtns_h.png) no-repeat;}
.newslist ul li .day{width: 140px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #e9e9e9; text-align: center;}
.newslist ul li .day .dat{font-family:'AMGDT'; font-size: 50px; color: #666; line-height: 1; padding-top: 70px;}
.newslist ul li .day .yer{font-size: 14px; color: #999;}
.nwdetailsBox{padding-top: 135px;}
.newsleft{width: 78.6%; background-color: #fff; float: left;}
.newsdetail{padding: 40px 30px;}
.newsdetail h1{font-size: 32px; font-weight: bold; color: #333; text-align: left; word-wrap: break-word;}
.newsdetail .newsinfo{font-size: 14px; color: #8c8c8c; padding: 20px 0 10px 0; text-align: left; line-height: 27px;}
.newsdetail .newsinfo .time{float: left; margin-top: 10px;}
.newsdetail .bdsharebuttonbox{float: right;}
.newsdetail .bdsharebuttonbox a{padding: 0; margin: 0 0 0 5px; width: 42px; height: 42px; background-image: url(./images/newsShare.png); background-position: 0 0; background-repeat: no-repeat;}
.newsdetail .bdsharebuttonbox a.bds_sqq{background-position: 0 0;}
.newsdetail .bdsharebuttonbox a.bds_sqq:hover{background-position: 0 -42px;}
.newsdetail .bdsharebuttonbox a.bds_weixin{background-position: -42px 0;}
.newsdetail .bdsharebuttonbox a.bds_weixin:hover{background-position: -42px -42px;}
.newsdetail .bdsharebuttonbox a.bds_tsina{background-position: -84px 0;}
.newsdetail .bdsharebuttonbox a.bds_tsina:hover{background-position: -84px -42px;}
.newsdetail .newstext{border-top: 1px solid #e0e0e0; padding: 30px 0; text-align: justify;text-justify: inter-ideograph;}
.newsright{width: 20%; float: right;}
.newsright .tit{padding: 16px 20px 5px 20px; font-size: 16px; color: #333; background-color: #fff; border-bottom: 1px solid #ebebeb;}
.renewslist ul li{border-top: 1px solid #ebebeb; margin-top: -1px;}
.renewslist ul li .pic{width: 100%; /*height: 396px;*/ padding-top: 63%; overflow: hidden; position: relative;}
.renewslist ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.renewslist ul li:hover .pic img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.renewslist ul li a{display: block; padding: 20px; background-color: #fff;}
.renewslist ul li .h2{font-size: 16px; color: #333; margin-top: 5px;}
.renewslist ul li:hover .h2{color: #ffc000;}
.Backlist a{display: block; margin-top: 15px; height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #231f20; background-color: #fff;}
.Backlist a:hover{background-color: #ffc000; color: #fff;}

/*join*/
.joinsearch{width: 100%; margin-top: 40px;}
.joinsearch ul li{float: left; width: 27.4%; margin-right: 1%;}
.joinsearch ul li.btn{width: 14.8%; margin-right: 0;}
.joinsearch ul li .select{width: 100%; height: 60px; padding: 0 10px; background-color: #fff; font-size: 14px; color: #666; border: none; outline: none;}
.joinsearch ul li .select::-ms-expand{display: none;}
.joinsearch ul li .select{appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #fff url(./images/selecticon.png) no-repeat 96% center; padding-right: 50px; padding-right: 0\0; background-image: none\0;}
.joinsearch ul li .jointext{width: 100%; height: 60px; line-height: 60px; background-color: #fff; font-size: 14px; color: #333; border: none; padding: 0 10px; -webkit-box-sizing: border-box;box-sizing: border-box;}
.joinsearch ul li .subbtn{width: 100%; height: 60px; border: none; background-color: #474747; font-size: 14px; color: #fff; cursor: pointer;}
.joinsearch ul li .subbtn:hover{background-color: #ffc000;}
.joinlist{width: 100%; margin-top: 30px;}
.joinlist ul li{margin-top: 2px; background-color: #fff;}
.joinlist ul li .title{height: 70px; line-height: 70px; background-color: #fff; padding: 0 40px; position: relative;}
.joinlist ul li.on .title{background-color: #474747;}
.joinlist ul li .tit{font-size: 16px; color: #666; max-width: 50%;}
.joinlist ul li.on .tit{color: #fff;}
.joinlist ul li .more{display: block; width: 30px; height: 30px; position: absolute; right: 40px; top: 20px; font-size: 0; cursor: pointer; background: url(./images/JoinBtn.png) no-repeat;}
.joinlist ul li.on .more{background: url(./images/JoinBtn_h.png) no-repeat;}
.joinlist ul li .tmain{display: none;}
.joinlist ul li .box{padding: 40px;}
.joinlist ul li .numtext{padding-bottom: 30px; border-bottom: 1px solid #eaeaea;}
.joinlist ul li .numtext span{font-size: 14px; color: #666; margin-right: 20px;}
.joinlist ul li .bombtn{padding-top: 30px; border-top: 1px solid #eaeaea;}
.joinlist ul li .bombtn a{display: inline-block; min-width: 145px; height: 46px; line-height: 46px; border-radius: 25px; margin-right: 10px; padding: 0 10px; text-align: center; color: #fff; background-color:#474747; vertical-align:middle;}
.joinlist ul li .bombtn a:hover{background-color: #333;}
.joinlist ul li .bombtn .upbtn{display: inline-block; vertical-align: middle; overflow: hidden; min-width: 145px; height: 46px; line-height: 46px; border-radius: 25px; margin-right: 10px; padding: 0 10px; text-align: center; color: #fff; font-size: 18px; background-color: #474747; position: relative; z-index: 1;}
.joinlist ul li .bombtn .upbtn span{display: block;}
.joinlist ul li .bombtn .upbtn input{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; opacity: 0; cursor: pointer;}
.joinlist ul li .bombtn .upbtn:after{content:""; display: block; width: 100%; height: 100%; background-color: #ffc000; position: absolute; left: 0; top: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.joinlist ul li .bombtn .upbtn:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.joinlist ul li .jdetails{padding: 40px 0 60px 0; overflow: hidden; font-size: 14px; color: #666;}
.joinlist ul li .jdetails .rowt{width: 100%; padding-right: 5%; float: left; word-wrap: break-word;}
.joinlist ul li .jdetails p{margin-top: 5px;}

/*group*/
.grouplist{width: 100%;}
.grouplist ul{margin-left: -20px; margin-right: -20px;}
.grouplist ul li{width: 50%; float: left; margin-top: 40px;}
.grouplist ul li .box{background-color: #fff; margin: 0 20px; padding: 40px 70px 20px 70px; min-height: 340px; color: #3f3a39; transition: all 0.4s ease;}
.grouplist ul li .box:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.grouplist ul li .icon{display: block; text-align: center;}
.grouplist ul li .h2{font-size: 20px; font-weight: bold; margin-top: 20px;}
.grouplist ul li .h3{font-family: 'Arial'; font-size: 14px;}
.grouplist ul li .box:hover .h3{color: #ffc000;}
.grouplist ul li .pcont{margin-top: 20px; font-size: 14px; line-height: 28px; text-align: justify;text-justify: inter-ideograph;}

/*contact*/
.contInfoBox,.contmessBox{margin-top: 40px; background-color: #fff;}
.contInfoBox .pic{/*width: 450px;*/ width: 34.1%; height: 500px; overflow: hidden; float: right; position: relative;}
.contInfoBox .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.contInfoBox .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.contInfoBox .tmain{width: 65.9%; float: left; padding: 60px 60px 20px 60px; -webkit-box-sizing: border-box;box-sizing: border-box;}
.contText{width: 100%; padding-bottom: 40px; border-bottom: 1px solid #e6e6e6;}
.contText .conleft{/*width: 390px;*/ width: 52.1%; float: left; word-break: break-all;word-wrap: break-word;}
.contText .h2{font-size: 20px; font-weight: bold; color: #3f3a39;}
.contText p{font-size: 14px; color: #666; margin-top: 20px;}
.contText .pt{font-size: 14px; color: #666; margin-top: 20px; padding-left: 30px; position: relative;}
.contText .pt span{font-family: 'Arial'; font-size: 12px; color: #999;}
.contText .icon{position: absolute; left: 0; top: 2px;}
.contText .icon img{max-width: 20px;}
.contText .conright{/*width: 260px;*/ width: 35%; float: right; margin-top: -20px; word-break: break-all;word-wrap: break-word;}
.contewm{width: 80%; margin: 0 auto; padding-top: 40px;}
.contewm ul li{width: 33.333%; float: left; text-align: center; margin-top: 10px;}
.contewm ul li .dd{margin: 0 15px;}
.contewm ul li p{margin-top: 5px; font-size: 14px; color: #666;}
.contmessBox{padding: 60px;}
.contmessBox .h2{font-size: 24px; color: #3f3a39; text-align: center; line-height: 1.1;}
.contmessBox .h2 .s{font-size: 15px; color: #808080; display: block;}
.messform{width: 100%; margin-top: 10px;}
.messform ul li{width: 100%; margin-top: 20px; float: left;}
.messform ul li.item1,.messform ul li.item2,.messform ul li.item3{width: 32%; margin-right: 2%;}
.messform ul li.item3{margin-right: 0;}
.messform ul li.item5{text-align: center;}
.messform ul li.item6{width: 66%;}
.messform ul li .context,.messform ul li .conteat{width: 100%; height: 50px; line-height: 50px; border: 1px solid #ebebeb; padding: 0 20px; font-size: 14px; color: #333; box-sizing: border-box;-webkit-tbox-sizing: border-box;}
.messform ul li select{width: 100%; height: 60px; line-height: 60px; border: 1px solid #ebebeb; text-indent: 15px; font-size: 14px; color: #999; outline: none;}
.messform ul li .context:focus,.messform ul li .conteat:focus{border-color: #ffc000;}
.messform ul li .conteat{height: 260px; padding: 20px; line-height: 24px;}
.messform ul li .btns{width: 216px; height: 60px; font-size: 16px; color: #fff; border: none; cursor: pointer; background-color: #3f3a39; margin: 0 3px; transition: all 0.4s ease;}
.messform ul li .btns:hover,.messform ul li .submit{background-color: #ffc000;}

/*footer*/
.footer{width: 100%; background-color: #000; padding: 130px 0 130px 0; background-image: url(./images/footerBg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.footer .footLeft{float: left; width: 34%;}
.footer .footNav a{font-size: 14px; color: #fff; display: inline-block; margin: 5px 10px 0 0; padding-right: 10px; position: relative;}
.footer .footNav a:hover{color: #ffc000;}
.footer .footCopy{font-size: 12px; color: #fff; margin: 20px 0; max-width: 380px;}
.footer .bdsharebuttonbox{margin-top: 20px;}
.footer .bdsharebuttonbox a{width: 32px; height: 32px; margin: 0 5px 0 0; padding: 0; display: inline-block; float: none; background-image: url(./images/hShare.png); background-position: 0 0; background-repeat: no-repeat;}
.footer .bdsharebuttonbox a.bds_weixin{background-position: 0 0;}
.footer .bdsharebuttonbox a.bds_weixin:hover{background-position: 0 -32px;}
.footer .bdsharebuttonbox a.bds_tsina{background-position: -32px 0;}
.footer .bdsharebuttonbox a.bds_tsina:hover{background-position: -32px -32px;}
.footer .bdsharebuttonbox a.bds_sqq{background-position: -64px 0;}
.footer .bdsharebuttonbox a.bds_sqq:hover{background-position: -64px -32px;}
.footer .bdsharebuttonbox a.bds_linkedin{background-position: -96px 0;}
.footer .bdsharebuttonbox a.bds_linkedin:hover{background-position: -96px -32px;}
.footer .footInfo{width: 36%; margin-left: 2%; font-size: 14px; color: #fff; float: left; word-break: break-all;word-wrap: break-word;}
.footer .footInfo p{font-family: 'Arial'; margin-bottom: 10px;}
.footer .footRight{float: right; width: 360px; text-align: right;}
.footer .footewm{font-size: 0; -webkit-text-size-adjust: none;}
.footer .footewm .dd{width: 110px; display: inline-block;_display: inline;zoom: 1; margin-left: 10px; text-align: center;}
.footer .footewm .dd p{margin-top: 5px; font-size: 12px; color: #fff;}
.footer .flogos{text-align: right; margin-top: 20px;}
.footer .flogos img{margin-left: 10px;}
.footer a{color: #fff;}
.footer a:hover{color: #ffc000;}

.aligncenter{text-align:center;}

@media screen and (max-width: 1600px){
    .nav-body .ul{padding-top: 140px;}
    .nav-body .ul .li{padding: 10px 0;}
    .banner .bantxt{padding: 30px 40px 30px 100px;}
    .banner .mouseIco{width: 130px; height: 85px;}
    .i-wrap2 .layout{padding: 100px 0 150px 0;}
    .inProIDemo .text{padding-top: 200px;}
    .indexPosition{width: 608px; height: 600px;}
    .indexPosition .box{width: 430px; height: 430px;}
    .indexPosition .h2{font-size: 20px; padding-top: 50px;}
    .indexPosition .line{margin: 25px auto;}
    .indexPosition .h3{font-size: 18px;}
    .indexPosition .pn{margin-top: 15px;}
    .getmore{margin-top: 20px;}
    .bossleft .name{font-size: 20px;}
    .bossleft .name_en{font-size: 16px;}
    .bossleft .name_h4,.bossmiddle .bossmd_h2{font-size: 14px;}
    .bossleft .pn,.bossmiddle .pn{font-size: 13px;}
    .bossmiddle{padding-top: 216px;}
    .footer{padding: 80px 0;}
    .serbanner .layout{padding-top: 150px;}
}

/*中等屏幕pc*/
@media screen and (min-width: 1200px) and (max-width: 1519px){
    .layout{ width: 1180px; }

    .i-wrap2 .layout{padding: 70px 0 90px 0;}
    .inProINav .box{padding: 35px 40px;}
    .inProIDemo .text{padding-top: 150px;}
    .inProIDemo .getmore{margin-top: 20px;}
    .bossleft{padding-top: 100px; height: 100vh; overflow: hidden; box-sizing: border-box;}
    .bossmiddle{padding-top: 110px;}
    .footer .footRight{width: 330px;}
    .footer .footewm .dd{width: 98px;}
    .footer .flogos img{max-width: 30%;}
    .footer{padding: 60px 0;}
    .nybanner{height: 430px;}
    .aboutMore{margin-top: 30px;}
    .serbanner .layout{max-width: 900px;}
    .absiTitle .h2,.serNav ul li .h2{font-size: 20px;}
    .absiTitle .pn,.serNav ul li .pn{font-size: 13px; margin-top: 0;}
    .serNav ul li{margin-top: 30px;}
    .serNav ul li .box{min-height: 180px;}
    .serNav ul li .icon{max-width: 60px;}
    .caselist ul,.case-other-box .slick-list{margin-left: -15px; margin-right: -15px;}
    .caselist ul li{margin-top: 20px;}
    .caselist ul li .box,.case-other-box .box{margin: 0 15px;}
    .caselist ul li .tmain,.case-other-box .tmain{margin-top: 15px;}
    .case-img-text{padding: 30px 20px;}
    .case-img-text .h2{font-size: 18px;}
    .case-img-text .pt{font-size: 12px;}
    .case-img-text .catext{font-size: 14px;}
    .newsTouHot .pic{height: 363px;}
    .newsTouHot .more{margin-top: 30px;}
    .grouplist ul{margin-left: -10px; margin-right: -10px;}
    .grouplist ul li .box{margin: 0 10px;}
    .bu-teacher-text h2,.bu-teacher-text .bu-tea-right h2{font-size: 20px; margin-bottom: 40px;}
    .busin-period-box .slick-prev,.busin-student-box .slick-prev{left: -48px;}
    .busin-period-box .slick-next,.busin-student-box .slick-next{right: -48px;}
	.teamlist1 ul li{height:40%;min-height:auto;}
	.teamlist1 ul li .pic{height:100%;}
	.teamlist1 ul li .tmain{padding: 10px 92px 15px 384px;}
	.teamlist1 ul li .h2 {font-size: 14px;}
	.teamlist1 ul li .h2 span{font-size: 24px;}
	.teamlist1 ul li .h3 {font-size: 18px;}
	.teamlist1 ul li .pcont{font-size: 12px;margin-top:10px;}
	.teamlist1 ul li .btns{margin-top:10px;}
}
/*小屏幕pc*/
@media screen and (min-width: 768px) and (max-width: 1199px){
    .layout { width: 750px; }

    .header{width: 100%; height: 80px;}
    .header.fixed .logo{padding-top: 16px;}
    .btn-m-list{margin-top: 15px;}
    .logo{position: absolute; left: 20px; top: 0; padding-top: 15px;}
    .logo a{width: 160px; height: 50px;}
    .nav-body .ul{height: auto; padding-top: 80px;}
    .nav-body .ul .li{width: 100%; height: auto;}
    .nav-body .ul .li:before{width: 100%; height: 1px; top: auto; bottom: 0;}
    .nav-body .ul .li .navItem{margin-top: 0; max-width: 100%;}
    .nav-body .ul .li .Btns{font-size: 16px; font-weight: bold; padding: 1em 20px;}
    .nav-body .ul .li .navBox{display: block !important; padding: 0 20px 30px 20px; overflow: hidden; position: relative; left: auto; top: auto; bottom: auto;}
    .nav-body .ul .li .navBox a{width: 25%; float: left; font-size: 14px;}
    #fp-nav{display: none;}
    .section{height: auto !important;}
    .banner .item{height: 500px;}
    .banner .mouseIco{width: 50px; height: 50px; padding: 10px; overflow: hidden;}
    .banner .bantxt{padding: 20px 40px;}
    .banner .p1{font-size: 14px;}
    .banner .p2{font-size: 12px;}
    .banner .bantit .h3 img{max-width: 70%;}
    .indexfeatures ul li{transform: translateY(0);opacity: 1;}
    .inProIDemo .item{height: auto;}
    .inProIDemo .text{padding: 90px 0 170px 0;}
    .inProIDemo .getmore{margin-top: 20px;}
    .inProINav{width: 100%; position: relative; left: auto; bottom: auto;}
    .inProINav .box{padding: 20px 70px;}
    .inProINav .slick-arrow{width: 50px;}
    .inProINav .slick-prev{left: 0;}
    .inProINav .slick-next{right: 0;}
    .i-wrap4{padding: 40px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
    .indexPosition{transform: scale(1); -webkit-transform: scale(1); opacity: 1;}
    .indexPosition{position: relative; left: auto; top: auto; bottom: auto; right: auto; margin: 0 auto;}
    .i-wrap5{padding: 40px 0;}
    .bossleft,.bossmiddle,.bossright{transform: translateX(0); opacity: 1;}
    .bossleft,.bossmiddle,.bossright{padding-top: 0; margin-top: 0;}
    .bossright{padding-right: 108px;}
    .indexNavTitle{font-size: 24px;}
    .indexNavBox ul li span{font-size: 12px;}
    .indexNavBox ul li h2{font-size: 14px;}
    .footer .footLeft{width: 50%;}
    .footer .footInfo{width: 45%; margin-left: 5%; min-height: 166px;}
    .footer .footRight{margin-top: 20px; float: left;}
    .footer .footewm .dd{margin: 0 10px 0 0;}
    .footer .flogos{text-align: left;}

    .nybanner{height: 430px;}
    .nybanner .h2{font-size: 30px;}
    .navigation ul li{margin-right: 20px;}
    .aboutTitle .h2,.absiTitle .h2{font-size: 20px;}
    .aboutTitle .line,.about-us-box .pcont{margin-top: 15px;}
    .absiTitle .pn{margin-top: 0;}
    .aboutBox{padding: 50px 0;}
    .about-us-box .pcont{height: 205px;}
    .aboutMore{margin-top: 15px;}
    .historyBox ul li{margin-top: 20px; padding-left: 50px;}
    .historyBox ul li .box{padding: 20px 40px;}
    .teamlist ul li .tmain,.teamDetatou .box .tmain{padding: 30px 30px 10px 366px;}
    .teamlist1 ul li .tmain{padding: 30px 30px 10px 366px;}
    .teamDetatou{padding: 20px 0 40px 0;}
    .serbanner{min-height: 500px;}
    .serNum ul li .h2{font-size: 20px;}
    .serNum ul li .pcont{font-size: 13px;}
    .serAgent ul li .box{padding-left: 80px;}
    .serAgent ul li .num{left: 18px;}
    .serAgent ul li .h2{font-size: 16px;}
    .serAgent ul li .pcont{font-size: 12px; height: 54px;}
    .serviceBox04,.serviceBox05{min-height: 400px;}
    .caselist ul,.case-other-box .slick-list{margin-left: -15px; margin-right: -15px;}
    .caselist ul li{margin-top: 20px;}
    .caselist ul li .box,.case-other-box .box{margin: 0 15px;}
    .caselist ul li .tmain,.case-other-box .tmain{margin-top: 15px;}
    .case-img-text{padding: 20px 10px;}
    .case-img-text .h2{font-size: 14px;}
    .case-img-text .pt,.case-img-text .catext{font-size: 12px;}
    .newsTouHot .pic{width: 48.8%; height: 280px;}
    .newsTouHot .tmain{width: 51.2%; padding: 40px 20px 20px 20px;}
    .newsTouHot .h2{font-size: 20px;}
    .newsTouHot .more{margin-top: 20px;}
    .newsTouHot .slick-arrow{bottom: 20px;}
    .newsTouHot .slick-prev{right: 40px;}
    .newsTouHot .slick-next{right: 20px;}
    .newslist ul li{padding: 20px;}
    .newslist ul li .box{height: 140px; padding-left: 225px; padding-right: 115px;}
    .newslist ul li .pic{width: 210px; height: 140px;}
    .newslist ul li h2{font-size: 20px;}
    .newslist ul li .tmain{padding-top: 0;}
    .newslist ul li .pcont{margin-top: 5px;}
    .newslist ul li .more{margin-top: 10px;}
    .newslist ul li .day{width: 99px;}
    .newslist ul li .day .dat{font-size: 46px; padding-top: 40px;}
    .nwdetailsBox{padding-top: 106px;}
    .newsleft{width: 72.6%;}
    .newsright{width: 26%;}
    .newsdetail h1{font-size: 24px;}
    .grouplist ul{margin-left: -10px; margin-right: -10px;}
    .grouplist ul li .box{margin: 0 10px; padding: 30px 20px 20px 20px; min-height: 390px;}
    .contInfoBox .tmain{padding: 40px 20px 20px 20px;}
    .contText .h2{font-size: 16px;}
    .contText .pt{margin-top: 10px;}
    .contewm{width: 100%;}
    .contewm ul li .dd{margin: 0 5px;}
    .contmessBox{padding: 40px 20px;}
    .busin-title h2{font-size: 16px;}
    .busin-title h2 .s{font-size: 12px;}
    .bu-object-text{padding: 40px; width: 100%;}
    .bu-object-box{width: 100%;}
    .bu-teacher-img ul li .tit{padding: 20px 10px; font-size: 14px;}
    .bu-teacher-img ul li .tit span{font-size: 18px;}
    .bu-teacher-text h2,.bu-teacher-text .bu-tea-right h2{font-size: 14px; margin-bottom: 40px;}
    .bu-teacher-text .bu-tea-right h2{margin-bottom: 20px;}
    .bu-teacher-text .bu-tea-left,.bu-teacher-text .bu-tea-right{font-size: 12px;}
    .businessBox03{min-height: 200px;}
    .busin-class-box ul li .tit{padding: 20px 10px;}
    .busin-class-box ul li h2{font-size: 14px;}
    .busin-class-box ul li .pcont{font-size: 12px; height: 36px;}
    .busin-period-box .slick-prev,.busin-student-box .slick-prev{left: 0;}
    .busin-period-box .slick-next,.busin-student-box .slick-next{right: 0;}
    .busin-partners-box ul{margin-left: -5px; margin-right: -5px;}
    .busin-partners-box ul li .box{margin: 0 5px;}
    .busin-cont .ewm{bottom: -15px;}
    .businessBox01 .about-us-box .pcont{height: 220px;}
    .busin-outline-box .block{padding: 40px;}
    .busin-outline-box table td{padding: 2px 5px;}
}
/*移动端*/
@media screen and (min-width: 320px) and (max-width: 767px){
    .layout { width: 95%;}

    .header,.header.fixed{height: 60px;}
    .header.fixed .logo{padding-top: 14px;}
    .header.fixed .btn-m-list{margin-top: 12px;}
    .logo{position: absolute; left: 0; top: 0; padding-top: 24px;}
    .logo a{width: 100px; height: 33px;}
    .btn-m-list{width: 36px; height: 36px; position: absolute; right: 0; top: 0; margin-top: 23px;}
    .btn-m-list .burger{top: 10px;}
    .btn-m-list .burger-2{top: 18px;}
    .btn-m-list .burger-3{top: 27px;}
    .btn-m-list.on .burger-1,.btn-m-list.on .burger-2,.btn-m-list.on .burger-3{top: 19px;}
    .nav-body{background-size: 60px;}
    .nav-body .ul{height: auto; padding-top: 80px;}
    .nav-body .ul .li{width: 100%; height: auto;}
    .nav-body .ul .li:before{width: 100%; height: 1px; top: auto; bottom: 0;}
    .nav-body .ul .li .navItem{margin-top: 0; max-width: 100%;}
    .nav-body .ul .li .Btns{font-size: 16px; font-weight: bold; padding: 0.9em 20px;}
    .nav-body .ul .li .navBox{display: block !important; padding: 0 20px 14px 20px; overflow: hidden; position: relative; left: auto; top: auto; bottom: auto;}
    .nav-body .ul .li .navBox a{width: 25%; float: left; font-size: 14px; margin-top: 7px;}
    #fp-nav{display: none;}
    .section{height: auto !important;}
    .banner .item{height: 500px;}
    .banner .mouseIco{width: 50px; height: 50px; padding: 10px; overflow: hidden; display: none;}
    .banner .bantxt{padding: 20px 40px; width: 100%; padding: 20px;}
    .banner .p1{font-size: 14px; line-height: 14px; height: 46px;}
    .banner .p2{font-size: 12px; margin-top: 0;}
    .banner .bantit .h3 img{max-width: 70%;}
    .i-wrap2 .layout{padding: 40px 0;}
    .inabTitle{font-size: 16px;}
    .indexfeatures{margin-top: 0;}
    .indexfeatures ul li{width: auto; float: none; margin-top: 30px; transform: translateY(0);opacity: 1;}
    .indexfeatures ul li .numberIocn{width: 80px; height: 80px;}
    .indexfeatures ul li .anum{font-size: 20px; padding-top: 24px;}
    .indexfeatures ul li .tips{font-size: 12px;}
    .indexfeatures ul li .pn{margin-top: 15px; font-size: 12px;}
    .inProIDemo .item{height: auto;}
    .inProIDemo .text{padding: 80px 0 100px 0;}
    .inProIDemo .h2{font-size: 20px;}
    .inProIDemo .pn{font-size: 16px;}
    .inProIDemo .getmore{margin-top: 20px;}
    .inProINav{width: 100%; position: relative; left: auto; bottom: auto;}
    .inProINav .box{padding: 20px 70px;}
    .inProINav .slick-arrow{width: 50px;}
    .inProINav .slick-prev{left: 0;}
    .inProINav .slick-next{right: 0;}
    .i-wrap4{padding: 40px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
    .indexPosition{transform: scale(1); -webkit-transform: scale(1); opacity: 1; width: 300px; height: 260px; padding-top: 40px; position: relative; left: auto; top: auto; bottom: auto; right: auto; margin: 0 auto;}
    .indexPosition .box{position: relative; width: 220px; height: 220px;}
    .indexPosition .h2{font-size: 14px; padding-top: 20px;}
    .indexPosition .line{margin: 10px auto;}
    .indexPosition .h3,.indexPosition .pn{font-size: 12px;}
    .indexPosition .pn{height: 44px; overflow: hidden; line-height: 15px; margin-top: 5px;}
    .getmore{margin-top: 10px;}
    .getmore a{min-width: 60px; height: 35px; line-height: 35px; font-size: 12px; border: 1px solid #ffc000;}
    .i-wrap5{padding: 40px 0;}
    .bossleft,.bossmiddle,.bossright{transform: translateX(0); opacity: 1; padding-top: 0; margin-top: 0; width: auto; float: none;}
    .boss-box{transform: translateX(0); opacity: 1; margin-top: 0; width: auto; float: none;}
    .bossright{padding-right: 108px; margin-top: 20px;}
    .indexNavTitle{font-size: 14px; display: none;}
    .indexNavBox ul li{width: 50%;}
    .indexNavBox ul li span{font-size: 12px;}
    .indexNavBox ul li h2{font-size: 14px;}
    .footer{padding: 30px 0;}
    .footer .footLeft,.footer .footInfo,.footer .footRight{width: auto; float: none;}
    .footer .footInfo{padding: 20px 0;}
    .footer .footewm .dd{width: 33.333%; margin: 0; padding: 0 5px; box-sizing: border-box;}
    .footer .flogos{text-align: center;}
    .footer .flogos img{max-width: 40%; margin: 0 5px;}

    .nybanner{height: 360px;}
    .nybanner .h2{font-size: 20px;}
    .nybanner .pn{font-size: 12px;}
    .navigation{height: auto;}
    .navigation ul li{width: 25%; float: left; display: block; margin-right: 0; text-align: center;}
    .navigation ul li a{height: 45px; line-height: 45px; overflow: hidden;}
    .aboutBox{padding: 40px 0;}
    .about-us-box .tmain,.about-us-box .pic{width: auto; float: none;}
    .about-us-box .pic{padding-top: 87%;}
    .about-us-box .tmain{margin-top: 30px;}
    .about-us-box .pcont{margin-top: 20px; height: 446px;}
    .aboutTitle .h2,.absiTitle .h2{font-size: 22px;}
    .aboutTitle .pn,.absiTitle .pn{font-size: 12px; margin-top: 0;}
    .aboutTitle .line{margin-top: 10px;}
    .aboutMore{margin-top: 15px;}
    .about-text-pop .text{margin: 20px;}
    .aboutNum ul li{width: 100%; margin-top: 20px;}
    .aboutNum ul li .box{min-height: 200px;}
    .abCulture ul li{margin-bottom: 20px; padding: 20px;}
    .abCulture ul li .pic,.abCulture ul li:nth-child(even) .pic,.abCulture ul li.on .pic{position: relative; left: auto; right: auto; top: auto; width: 100%; height: auto;}
    .abCulture ul li .pic img{position: relative; width: 100%;}
    .abCulture ul li .tmain,.abCulture ul li:nth-child(even) .tmain,.abCulture ul li.on .tmain{padding: 20px 0 0 0;}
    .absiBox04{min-height: 200px;}
    .historyBox{margin-top: 0;}
    .historyBox ul li{margin-top: 20px; padding-left: 30px;}
    .historyBox ul li .box{padding: 20px;}
    .historyBox ul li .h2 span{font-size: 18px;}
    .teamlist ul li .pic,.teamDetatou .box .pic{position: relative; width: auto; height: auto;}
    .teamlist ul li .pic img,.teamDetatou .box .pic img{position: relative; width: 100%;}
    .teamlist ul li .tmain,.teamDetatou .box .tmain{padding: 20px;}
    .teamlist ul li .h2,.teamDetatou .box .h2{font-size: 12px;}
    .teamlist ul li .h2 span,.teamDetatou .box .h2 span{font-size: 18px;}
    .teamlist ul li .h3,.teamDetatou .box .h3{font-size: 14px; margin-top: 10px;}
    .teamlist ul li .line,.teamDetatou .box .line{margin-top: 10px;}
	.teamlist1 ul li .pic,.teamDetatou .box .pic{position: relative; width: auto; height: auto;}
    .teamlist1 ul li .pic img,.teamDetatou .box .pic img{position: relative; width: 100%;}
    .teamlist1 ul li .tmain,.teamDetatou .box .tmain{padding: 20px;}
    .teamlist1 ul li .h2,.teamDetatou .box .h2{font-size: 12px;}
    .teamlist1 ul li .h2 span,.teamDetatou .box .h2 span{font-size: 18px;}
    .teamlist1 ul li .h3,.teamDetatou .box .h3{font-size: 14px; margin-top: 10px;}
    .teamlist1 ul li .line,.teamDetatou .box .line{margin-top: 10px;}
    .teamlist1 ul li .btns{min-width: 60px; height: 35px; line-height: 35px; font-size: 12px; margin-top: 10px;}
    .teamDetatou{padding: 50px 0 40px 0;}
    .teamCase ul li{width: 100%; margin-top: 20px;}
    .teamCase ul li .tit{height: 35px; line-height: 35px; font-size: 14px; padding: 0 10px;}
    .teamCase ul li .pcont{font-size: 12px; padding: 20px;}
    .serbanner .layout{padding-top: 150px;}
    .serNav ul li{width: 100%; margin-top: 20px;}
    .serNav ul li .icon{max-width: 35px;}
    .serNav ul li .box{padding: 30px 20px; min-height: 100px;}
    .serNav ul li .h2{font-size: 16px; margin-top: 15px;}
    .serNav ul li .pn{font-size: 12px;}
    .ser-text-box{margin-top: 20px;}
    .serNum,,.serAgent.seroperation{margin-top: 0;}
    .serNum ul li,.serAgent ul li{width: 100%; margin-top: 20px;}
    .serNum ul li .box,.serAgent ul li .box{padding: 20px 20px 20px 60px;}
    .serNum ul li .num,.serAgent ul li .num{left: 18px; top: 22px; font-size: 20px;}
    .serNum ul li .h2,.serAgent ul li .h2,.seroperation ul li .h4{font-size: 16px;}
    .serNum ul li .pcont,.serAgent ul li .pcont{font-size: 14px; height: auto;}
    .seroperation ul li.item1,.seroperation ul li.item2,.seroperation ul li.item3{width: 100%; margin: 20px 0 0 0;}
    .seroperation ul li .h2{font-size: 16px; padding-left: 25px;}
    .seroperation ul li .h2:after{left: 0;}
    .seroperation ul li .pn,.seroperation ul li .pt{font-size: 12px;}
    .seroperation ul li .h3{font-size: 14px;}
    .serRental{margin-top: 20px;}
    .serviceBox04,.serviceBox05{min-height: 400px;}
    .caselist ul,.case-other-box .slick-list{margin-left: -5px; margin-right: -5px;}
    .caselist ul li{margin-top: 20px;}
    .caselist ul li .box,.case-other-box .box{margin: 0 5px;}
    .caselist ul li .tmain,.case-other-box .tmain{margin-top: 10px; height: 44px;}
    .caselist ul li .h2,.case-other-box .h2{font-size: 14px;}
    .caselist ul li .pn,.case-other-box .pn{font-size: 12px; margin-top: 5px;}
    .case-img-text{padding: 20px; position: relative; right: auto; bottom: auto; width: auto;}
    .case-img-text .catext{width: 55%; float: right;}
    .case-img-text .h2{font-size: 14px;}
    .case-img-text .pt,.case-img-text .catext{font-size: 12px;}
    .case-other-box{margin-top: 10px;}
    .case-other-box .slick-arrow,.case-img-box .slick-arrow{width: 36px; height: 36px; margin-top: -18px;}
    .messlist ul li,.messlist ul li.item4{width: 100%; margin-right: 0;}
    .newsTouHot .item a{margin: 20px;}
    .newsTouHot .pic,.newsTouHot .tmain{width: auto; float: none;}
    .newsTouHot .pic{height: auto; padding-top: 67%;}
    .newsTouHot .tmain{padding: 30px 0;}
    .newsTouHot .h2{font-size: 18px; font-weight: bold; margin-top: 5px;}
    .newsTouHot .more{margin-top: 15px;}
    .newsTouHot .tag{font-size: 14px; padding: 10px;}
    .newsTouHot .pcont{height: 193px; margin-top: 5px;}
    .newsTouHot .slick-arrow{bottom: 20px;}
    .newsTouHot .slick-prev{right: 35px;}
    .newsTouHot .slick-next{right: 15px;}
    .newslist ul li{margin-top: 20px;}
    .newslist ul li .box{height: auto; padding-left: 0; padding-right: 0;}
    .newslist ul li .pic{width: 100%; height: auto; position: relative; left: auto; top: auto;}
    .newslist ul li .pic img{position: relative; width: 100%;}
    .newslist ul li .more{margin-top: 20px;}
    .newslist ul li h2{font-size: 20px; font-weight: bold; margin-top: 10px;}
    .newslist ul li .pcont{font-size: 14px; height: auto;}
    .newslist ul li .day{width: 100%; position: relative; right: auto; top: auto; border-left: none; border-top: 1px solid #efefef; padding-top: 10px; margin-top: 20px;}
    .newslist ul li .day .dat,.newslist ul li .day .yer{padding-top: 0; display: inline-block;}
    .newslist ul li .day .dat{font-size: 20px;}
    .nwdetailsBox{padding-top: 86px;}
    .newsleft,.newsright{width: auto; float: none;}
    .newsright{margin-top: 20px;}
    .newsdetail{padding: 30px 20px;}
    .newsdetail h1{font-size: 20px;}
    .newsdetail .newsinfo{padding: 0 0 10px 0; font-size: 12px; line-height: 30px;}
    .joinsearch{margin-top: 10px;}
    .joinsearch ul li,.joinsearch ul li.btn{width: auto; float: none; margin: 10px 0 0 0;}
    .joinlist ul li .title{padding: 0 15px;}
    .joinlist ul li .more{right: 15px;}
    .joinlist ul li .box{padding: 15px;}
    .joinlist ul li .numtext{padding-bottom: 15px;}
    .joinlist ul li .jdetails{padding: 15px 0 20px 0;}
    .joinlist ul li .bombtn .upbtn{margin-bottom: 5px;}
    .joinlist ul li .bombtn span{display: block;}
    .grouplist ul li{width: 100%; margin-top: 20px;}
    .grouplist ul li .box{padding: 30px 20px 20px 20px; min-height: 200px;}
    .grouplist ul li .icon img{max-width: 45%;}
    .contInfoBox,.contmessBox{margin-top: 20px;}
    .contInfoBox .pic{width: 100%; height: 400px; float: none;}
    .contInfoBox .tmain{width: auto; float: none; padding: 40px 20px 20px 20px;}
    .contText{padding-bottom: 15px;}
    .contText .conleft,.contText .conright{width: auto; float: none;}
    .contewm{width: 100%; padding-top: 5px;}
    .contewm ul li .dd{margin: 0 5px;}
    .contmessBox{padding: 40px 20px 20px 20px;}
    .contmessBox .h2{font-size: 18px;}
    .messform ul li,.messform ul li.item1,
    .messform ul li.item2,.messform ul li.item3,.messform ul li.item6{width: auto; float: none; margin: 15px 0 0 0;}
    .messform ul li .conteat{height: 200px;}
    .messform ul li .btns{width: 120px; height: 45px; font-size: 14px;}
    .busin-title h2{font-size: 16px;}
    .busin-title h2 .s{font-size: 12px;}
    .bu-object-text,.bu-teacher-text{padding: 20px; width: auto;}
    .bu-object-text .ch-ul,.bu-object-text .en-ul,.bu-teacher-text .bu-tea-left,.bu-teacher-text .bu-tea-right{width: auto; float: none;}
    .bu-object-box{width: 100%;}
    .bu-object-box .tmain{padding: 20px;}
    .bu-teacher-img ul li{width: auto; float: none; padding-top: 66.4%;}
    .bu-teacher-img ul li .tit{padding: 10px 5px; font-size: 14px;}
    .bu-teacher-img ul li .tit span{font-size: 18px;}
    .bu-teacher-text h2,.bu-teacher-text .bu-tea-right h2{font-size: 14px; margin-bottom: 40px;}
    .bu-teacher-text .bu-tea-right h2{margin-bottom: 20px;}
    .bu-teacher-text .bu-tea-left,.bu-teacher-text .bu-tea-right{font-size: 12px;}
    .businessBox03{min-height: 200px;}
    .busin-class-box ul li{width: auto; float: none;}
    .busin-class-box ul li .tag{font-size: 14px; padding: 10px;}
    .busin-class-box ul li .tit{padding: 20px 10px;}
    .busin-class-box ul li h2{font-size: 14px;}
    .busin-class-box ul li .pcont{font-size: 12px; height: 36px;}
    .busin-period-box .slick-prev,.busin-student-box .slick-prev{left: 0;}
    .busin-period-box .slick-next,.busin-student-box .slick-next{right: 0;}
    .busin-partners-box ul{margin-left: -5px; margin-right: -5px;}
    .busin-partners-box ul li{width: 33.333%; margin-top: 10px;}
    .busin-partners-box ul li .box{margin: 0 5px;}
    .busin-cont{font-size: 14px;}
    .busin-cont .ewm{width: auto; position: relative; right: auto; bottom: auto; margin-top: 10px;}
    .businessBox01 .about-us-box .pic{padding-top: 82.5%;}
    .busin-outline-box .title h2{font-size: 16px; padding: 5px 15px; min-width: 100px;}
    .busin-outline-box .block{padding: 30px 15px;}
    .busin-outline-box table td{font-size: 12px; padding: 2px 5px;}
    .i-wrap7{padding: 40px 0;}
}